<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <body>
    <!-- 
        axios
            一款专门用来处理网路请求（ajax）的工具库


        fastmock 网站工具，做假数据的

            https://www.fastmock.site/

            https://www.fastmock.site/mock/6673e5cbf22088bb115bf6470534724f/api-a/getList

        
        ## 接口调试工具
        postman
        insomnia
        apiPost
     -->

    <script src="./js/axios.min.js"></script>
    <script>
      // console.log(axios)

      // 1. get请求
      axios
        .get(
          "https://www.fastmock.site/mock/6673e5cbf22088bb115bf6470534724f/api-a/getList"
        )
        .then(function (res) {
          // res中有很多我们不需要的数据，真正后端的返回结果是 res.data
          console.log("res", res);
          //   后端返回的数据中，一般都会有一个 code 的数据
          //      用于表示这个接口是真的成功还是失败，条件是什么，可以去问
          //          code === 0
          //          errcode === 0
          if (res.data.code === 0) {
            // 数据ok
          } else {
            // 异常情况
          }
        })
        .catch(function (error) {
          console.log("error", error);
        });

      axios
        .get(
          "https://www.fastmock.site/mock/6673e5cbf22088bb115bf6470534724f/api-a/getList"
        )
        .then(function (res) {
          // res中有很多我们不需要的数据，真正后端的返回结果是 res.data
          console.log("res", res);
          //   后端返回的数据中，一般都会有一个 code 的数据
          //      用于表示这个接口是真的成功还是失败，条件是什么，可以去问
          //          code === 0
          //          errcode === 0
          if (res.data.code === 0) {
            // 数据ok
          } else {
            // 异常情况
          }
        })
        .catch(function (error) {
          console.log("error", error);
        });
    </script>
  </body>
</html>
